<!doctype html>
<html lang="{{ app()->getLocale() }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>加油惠-杭州光春汽车服务有限公司</title>
    <style type="text/css">
        body {
            padding: 0;
            margin: 0;
        }
        .main {
            width: 100%;
            text-align: center;
        }
        .container {
            text-align: left;
            width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }
        .header {
            height:57px;
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
        }
        .logo {
            padding-top: 10px;
            width: 128px;
        }
        .logo img {
            display: block;
        }
        .nav {
            width: 872px;
            text-align: right;
        }
        .nav a {
            text-decoration: none;
            color: #272F3B;
            line-height: 57px;
        }
        .nav a:hover {
            color: #666;
        }
        .nav span {
            width: 160px;
            text-align: right;
            display: inline-block;
        }

        .banner {
            width: 100%;
            background: #4270E5;
            position: relative;
        }
        .ban-img {
            width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }
        .ban-img img {
            display: block;
        }
        .banner .qrcode {
            position: absolute;
            top: 130px;
            right: 50px;
        }
        .about {
            background: #F8F8F9;
            padding: 10px 0 30px 0;
        }
        .about-content {
            width: 510px;
            margin-left: 70px;
            margin-right:75px;
            color: #63676F;
            font-size: 14px;
            line-height: 200%;
        }
        .about-content p {
            margin: 0;
            padding-bottom: 10px;
        }
        .about-img {
            width: 340px;
        }
        .row {
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
        }
        .safe-left {
            width: 577px;
            height: 293px;
            background: url('/pc/img/safe-left.png') no-repeat;
        }
        .safe-left div {
            font-size: 40px;
            color: #fff;
            padding: 71px 0 0 67px;
        }
        .safe-right {
            margin-left: 17px;
            width: 406px;
            height: 293px;
        }
        .safe-right-top {
            width: 406px;
            height: 140px;
            background: url('/pc/img/safe-left.png') no-repeat;
        }
        .safe-right-top div, .safe-right-bottom div {
            font-size: 24px;
            color: #fff;
            line-height: 140px;
            text-align: center;
        }
        .safe-right-bottom {
            margin-top: 13px;
            width: 406px;
            height: 140px;
            background: url('/pc/img/safe-left.png') no-repeat;
        }
        .serv {
            background: #F8F8F9;
            padding: 10px 0 30px 0;
            margin-top: 35px;
        }
        .footer {
            background: #272F3B;
            height: 148px;
            margin-top: 72px;
            color: #999;
        }
        .footer-left {
           padding-top: 20px;
        }
        .footer-left .row {
            height: 30px;
            line-height: 30px;
            padding-left: 30px;
        }
        .footer-left .row div {
            width: 160px;
        }
        .icon1 {
            background: url('/pc/img/icon-f1.png') no-repeat left center;
        }
        .icon2 {
            background: url('/pc/img/icon-f2.png') no-repeat left center;
        }
        .icon3 {
            background: url('/pc/img/icon-f3.png') no-repeat left center;
        }

    </style>

</head>
<body>
    <div class="main">
        <div class="container">
            <div class="header">
                <div class="logo"><img src="/pc/img/logo.png"> </div>
                <div class="nav">
                    <span><a href="#about">关于我们</a></span>
                    <span><a href="#safe">安全保障</a></span>
                    <span><a href="#serv">服务承诺</a></span>
                </div>
            </div>
        </div>
        <div class="banner">
            <div class="ban-img">
                <img src="/pc/img/banner_01.jpg">
            </div>
            <div class="qrcode"><img src="/pc/img/qrcode.png"> </div>
        </div>
        <div style="margin-top :20px;"><img src="/pc/img/ad1.png"> </div>
        <div class="container about">
            <a id="about"></a>
            <div style="text-align: center"><img src="/pc/img/about-title.png"></div>
            <div class="row">
                <div class="about-content">
                    <p>加油惠是由杭州光春汽车服务有限公司自主研发，公司成立于2017年5月19日，注册资金2800万元。
                    加油惠专注于为车主用户提供一站式便捷加油，优惠加油的服务APP。
                    致力于打开汽车后市场的新局面，为广大的车主提供更快捷，更优惠的服务；
                    车主用户通过使用加油惠可实现在线查询油站、一键下单，可用支付宝、微信支付卡等支付油款；
                        平台还支持实时导航、一键查违章、智能停车位等汽车服务功能。</p>

                    <p>凭借创新运作模式和有着行业内丰富行业经验的团队，通过特有资源与石油供应链公司合作打造全新石油项目商业模式，
                        把各方联合起来，以使得车主获得折扣，实现技术和资源上的打通，成为中国汽车服务一体化领先的能源互联网开放平台；
                        同时，车主用户支付的金额由银行提供专用账户托管，受浙商银行监管，保证充值资金专款专用，安全可靠！
                        平台将一直坚守100%兑付原则，多重保障，让您用得放心！</p>
                </div>
                <div class="about-img">
                    <img src="/pc/img/about-img.png">
                </div>
            </div>
        </div>
        <div class="container safe">
            <a id="safe"></a>
            <div style="text-align: center"><img src="/pc/img/safe-title.png"></div>
            <div class="row">
                <div class="safe-left">
                    <div>浙商银行<br>专用账户监管</div>
                </div>
                <div class="safe-right">
                    <div class="safe-right-top">
                        <div>到账概况，实时可查</div>
                    </div>
                    <div class="safe-right-bottom">
                        <div>多充保障，坚守100%原则</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container serv">
            <a id="serv"></a>
            <div style="text-align: center"><img src="/pc/img/serv-title.png"></div>
            <div style="text-align: center">
                <img src="/pc/img/serv-img.jpg">
            </div>
        </div>
        <div class="footer">
            <div class="container row">
                <div class="footer-left">
                    <div class="row icon1">
                        <div>客服电话</div>
                        <div>400-8170-777</div>
                    </div>
                    <div class="row icon2">
                        <div>企业邮箱</div>
                        <div>13758414728@163.com</div>
                    </div>
                    <div class="row icon3">
                        <div>客服工作时间</div>
                        <div>工作日 09:00-18:00</div>
                    </div>
                </div>
                <div class="footer-right">

                </div>
            </div>
        </div>
    </div>
</body>

</html>
